@charset "utf-8";
/* CSS Document */
@media (max-width:1760px) { 
	.wrap{
		width: 1300px;
	}
	.column1TabCDl dd a .text {
	    padding: 0 15px;
	}
	.column1TabCDl dd a {
	    margin-right: 20px;
	}
	.column1TabCDl {
	    margin-right: -20px;
	}
	.indexMore {
	    padding: 25px 0;
	    text-align: center;
	}
	.column3Dl{
		margin-right: -60px;
	}
	.column3Dl dd a {
	    margin-right: 60px;
	}
	.column3Dl dd .text {
	    padding: 0 18px;
	}
}

@media (max-width:1440px) { 
	.indexSearch {
	    width: 195px;
	}
}

@media (max-width:1366px) { 
	.wrap{
		width: 1200px;
	}
}

@media (max-width:1201px) { 
	.wrap{
		width: auto;
		margin: 0 15px;
	}
	
	.menuDl{
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		width: 240px;
		background-color: #fff;
		box-sizing: border-box;
		padding-top: 15px;
		transform: translateX(100%);
		transition: 0.5s;
		z-index: 9;
	}
	.menuDl.show{
		transform: translateX(0);
		z-index: 9;
	}
	.menuBg{
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		display: none;
	}
	.menuDl dd{
		float: none;
		height: 38px;
		line-height: 38px;
	}
	.menuDl dd .yj a{
		color: #666;
		font-size: 15px;
		text-align: center;
	}
	.loginBox,
	.topNav{
		margin-right: 42px;
	}
	.topBtn{
		margin-right: 42px;
		
	}
	.menuBtn{
		display: block;
	}
	.column1TabCDl dd{
		width: 33.333333%;
	}
}
@media (max-width:750px) { 
	body{
		width: 100vw;
		overflow-x: hidden;
	}
	.top{
		height: 50px;
		background-color: rgba(0,0,0,0.8);
	}
	.logo{
		margin: 14px 0 0 0;
	}
	.logo img{
		height: 20px;
	}
	
	.indexSearch{
		position: fixed;
		top: -100%;
	}
	.topBtn{
		
		margin-top: 13px;
	}
	.topBtn a{
		line-height: 26px;
		height: 26px;
		padding: 0 10px;
		font-size: 13px;
	}
	
	.loginBox,
	.topNav{
		margin-top: 10px;
	}
	.topBtn,
	.loginBox,
	.topNav,
	.topNav.show{
		display: none;
	}
	.loginBox a,
	.topNavBtn{
		font-size: 14px;
		width: auto;
		line-height: 30px;
		height: 30px;
	}
	.indexVr{
		height: 100vh;
		pointer-events: none;
	}
	.indexVrCon .title1{
		font-size: 12px;
		line-height: 30px;
		height: 30px;
	}
	.indexVrCon .title2{
		font-size: 24px;
		line-height: 50px;
		height: 50px;
		margin-bottom: 20px;
	}
	.indexVrBtn a{
		font-size: 12px;
		line-height: 35px;
		height: 35px;
		padding: 0 20px;
	}
	.column1TabDl dd{
		margin-bottom: 10px;
	}
	.column1TabDl dd a{
		height: 28px;
		line-height: 28px;
		font-size: 13px;
		padding: 0 15px;
		margin-right: 10px;
	}
	.column1TabCDl{
		padding-top: 15px;
		margin-right: -10px;
		
	}
	.column1TabCDl dd{
		width: 50%;
		margin-bottom: 10px;
	}
	.column1TabCDl dd a{
		margin-right: 10px;
	}
	.column1TabCDl dd a .text{
		padding: 0 8px;
		height: auto;
	}
	.column1TabCDl dd a .text .title{
		font-size: 14px;
		padding-top: 5px;
		line-height: 28px;
		height: 28px;
	}
	.column1TabCDl dd a .text .tiem{
		font-size: 12px;
		line-height: auto;
		height: auto;
		padding-bottom: 5px;
	}
	.column1TabCDl dd a .text .tiem span{
		margin-right: 15px;
	}
	.column1TabCDl dd a .text .tiem .icot1{
		width: 14px;
	}
	.column1TabCDl dd a .text .tiem .icot2{
		width: 12px;
		vertical-align: text-top;
	}
	.indexMore{
		padding-top: 10px;
	}
	.indexMore a{
		font-size: 14ox;
	}
	.column2{
		margin-bottom: 10px;
	}
	.column2Dl{
		padding: 0;
		margin: 0;
		background-image:inherit !important;
	}
	.column2Dl dd{
		width: 100%;
		
	}
	.column2Dl dd:nth-child(odd){
		transform: translateY(0);
	}
	.column2Dl dd:nth-child(even){
		transform: translateY(0);
	}
	.column2Dl dd .con{
		margin: 0;
		padding: 10px 20px;
	}
	.column2Dl dd .con .column2Icn::after{
		left: -4px;
		top: -4px;
	}
	.column2Dl dd .con .text .textC{
		height: auto;
	}
	
	.column3{
		background-color: #F5F5F5;
		padding: 20px 0;
	}
	.column3Dl{
		margin-right: -10px;
	}
	.column3Dl dd{
		width: 50%;
	}
	.column3Dl dd a{
		border-radius: 0;
		margin-right: 10px;
	}
	.column3Dl dd .con::before{
		display: none;
	}
	.column3Dl dd .con .column3DlCon{
		position: relative;
	}
	.column3Dl dd .text{
		padding: 0 5px;
	}
	.column3Dl dd .text .textC{
		height: 80px;
	}
	
	.footer1Con .title{
		font-size: 20px;
		height: 70px;
		line-height: 70px;
		color: #1d1d1d;
	}
	.footer1Btn a{
		height: 35px;
		line-height: 35px;
		padding: 0 20px;
	}
	.footer1Con{
		padding-top: 20px;
	}
	.footer2{
		padding-bottom: 20px;
		padding-top: 0;
	}
	.footer2R{
		display: none;
	}
	.footer1{
		height: 210px;
	}
	.footer2L{
		float: none;
		display: none;
	}
	.footer2Con{
		margin: 0;
		border: none;
	}
	.footer2Dl{
		margin-bottom: 10px;
	}
	.footer2Dl dd{
		margin: 0 5px;
	}
	.footerAddress,
	.footerTel{
		line-height: 20px;
		height: 20px;
		font-weight: normal;
		font-size: 12px;
	}
	.footer3{
		height: auto;
		line-height: 25px;
		overflow: hidden;
		font-size: 12px;
		padding: 10px 0;
		text-align: center;
	}
	.footer3 div{
		float: none;
		display: block;
	}
	.footerIcon{
		margin-left: 0;
	}
	.gaba{
		display: block;
	}
	
	
	/* 列表页 start */
	.imgList1{
		margin-right: -10px;
		padding-top: 20px;
	}
	.imgList1 dd{
		width: 50%;
		margin-bottom: 10px;
	}
	.imgList1 dd a{
		margin-right: 10px;
	}
	.imgList1 dd a .text{
		height: auto;
		padding: 0 10px;
	}
	.imgList1 dd a .text .title{
		padding-top: 5px;
		font-size: 14px;
	}
	.imgList1 dd a .text .tiem{
		font-size: 12px;
		line-height: 24px;
		height: 24px;
		padding-bottom: 5px;
	}
	.imgList1 dd a .text .tiem span{
		margin-right: 10px;
	}
	.imgList1 dd a .text .tiem .icot1{
		width: 14px;
	}
	.imgList1 dd a .text .tiem .icot2{
		width: 12px;
		vertical-align: text-top;
	}
	/* 列表页 end */
	.subBanner{
		height: 200px;
		background-size: cover;
	}
}